/* -lock class used on elements that are meant to remain as a table throughout all breakpoints. */
.cssTable {
	display: table;
	table-layout: fixed;
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
}
.cssTable.-lock {

}

.cssTable_row {
	display: table-row;
	width: 100%;
	height: 100%;
}

.cssTable_cell {
	display: table-cell;
	float: none;
	vertical-align: top;
	/*
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; //Useful for when table cell element has padding/margins/border, such as mainContent and sidebarContent (when a sidebar is employed). If this causes issues, move this to individual elements where needed (mainContent, sidebarContent, etc.)
	*/
}